import 'package:flutter/material.dart';

//ListView列表组件
void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('层叠布局 -  Positioned 二级导航'),
          backgroundColor: Colors.pink[100],
        ),
        body: MyHomePage(),
      ),
    );
  }
}

class MyHomePage extends StatelessWidget {
  const MyHomePage({super.key});

  @override
  Widget build(BuildContext context) {
    //获取屏幕尺寸
    final size = MediaQuery.of(context).size;
    //Row组件
    return Stack(
      children: [
        ListView(
          padding: EdgeInsets.only(top: 50),
          children: [
            ListTile(title: Text('我能展示出来吗')),
            ListTile(title: Text('我是一个列表2')),
            ListTile(title: Text('我是一个列表1')),
            ListTile(title: Text('我是一个列表1')),
            ListTile(title: Text('我是一个列表1')),
            ListTile(title: Text('我是一个列表1')),
            ListTile(title: Text('我是一个列表1')),
            ListTile(title: Text('我是一个列表1')),
            ListTile(title: Text('我是一个列表1')),
            ListTile(title: Text('我是一个列表1')),
            ListTile(title: Text('我是一个列表1')),
            ListTile(title: Text('我是一个列表1')),
            ListTile(title: Text('我是一个列表1')),
            ListTile(title: Text('我是一个列表1')),
            ListTile(title: Text('我是一个列表1')),
            ListTile(title: Text('我是一个列表1')),
            ListTile(title: Text('我是一个列表1')),
            ListTile(title: Text('我是一个列表1')),
          ],
        ),
        Positioned(
          top: 0,
          // left: 0,
          width: size.width, //子元素的宽度  没法使用double.infinity
          height: 44, //子元素的高度 
          child: Container(
            alignment: Alignment.center,
            color: Colors.black,
            height: 44,
            child: Text('二级导航', style: TextStyle(color: Colors.white)),
          ),
        ),
      ],
    );
  }
}
